﻿@charset "utf-8";
/* global*/
*html{word-break:break-all;}
body {font: 12px  Arial, Verdana, Helvetica, sans-serif;margin:0; padding:0; overflow-x:hidden;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
div,td,th {font-size:12px;}
ol li,ul li {list-style: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
p{ margin:8px;}
/* Link */
a:link, a:visited{text-decoration:none;}
a:hover,a:active {text-decoration:underline;}
/* Other */
.clear{ clear: both; font-size:1px; height:0; line-height: 0px;}
.clear-l{ clear: left;}
.clear-r{ clear: right;}
.c{text-align:center;}
#content{margin:0 auto;}

/*width*/
.w60 { width:60px;}
.w80 { width:80px;}
.w100 { width:100px;}
.w120 { width:120px;}
.l2-150 .wl, .r2-150 .wl,.w150 { width:150px;}
.l2-190 .wl, .r2-190 .wl,.w190 { width:190px;}
.l2-230 .wl, .r2-230 .wl,.w230 { width:230px;}
.l2-270 .wl, .r2-270 .wl,.w270 { width:270px;}
.l2-310 .wl, .r2-310 .wl,.w310 { width:310px;}
.l2-350 .wl, .r2-350 .wl,.w350 { width:350px;}
.w750 { width:750px;}
.w800 { width:800px;}
.w820 { width:820px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w980 { width:980px;}
.w1000 { width:1000px;}
.w100p { width:99.5%;}
/*height*/
.h60 { height:60px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h120 { height:120px;}
.h150 { height:150px;}
.h190 { height:190px;}
.h230 { height:230px;}
.bh, .main-area{margin-bottom:10px; line-height:20px;}
.wl, .wr, .wc{margin:0;min-height:10px;}
.wc{ padding-right:3px; _padding-right:0;}
.l2-150 .wr, .r2-150 .wr,.l2-190 .wr, .r2-190 .wr,.l2-230 .wr, .r2-230 .wr,.l2-270 .wr, .r2-270 .wr, .l2-310 .wr, .r2-310 .wr {display:none;}

/*em*/
.w2, .w3, .w4 {float:left; margin-right:2%; _margin-right:1.6%;}
.w2 {width:48.9%;}
.w3 {width:31.9%;}
.w4 {width:23.4%;_width:23.2%;}
/*px*/
.l2-150 .wl, .l2-190 .wl, .l2-230 .wl, .l2-270 .wl, .l2-310 .wl,
.l, .list li,.lr3 .wl,
.lf .w60,.lf .w80,.lf .w100,.lf .w120,.lf .w150,.lf .w190,.lf .w230,.lf .w270,.lf .w310,.lf .w350{ float:left;}
.lw60, .lf .w-60{margin-left:70px;}
.lw80, .lf .w-80{margin-left:90px;}
.lw100, .lf .w-100{margin-left:110px;}
.lw120, .lf .w-120{margin-left:130px;}
.lw150, .lf .w-150, .l2-150 .wc{margin-left:160px;}
.lw190, .lf .w-190, .l2-190 .wc{margin-left:200px;}
.lw230, .lf .w-230, .l2-230 .wc{margin-left:240px;}
.lw270, .lf .w-270, .l2-270 .wc{margin-left:280px;}
.lw310, .lf .w-310, .l2-310 .wc{margin-left:320px;}
.lw350 ,.lf .w-350, .l2-350 .wc{margin-left:360px;}
.lr3 .lw150, .lr3 .lw190, .lr3 .lw230, .lr3 .lw270, .lr3 .lw310, .lr3 .lw350{ _float:right; _margin:0; _padding-left:10px;}

.r2-150 .wl, .r2-190 .wl, .r2-230 .wl, .r2-270 .wl, .r2-310 .wl,.lr3 .wr,
.r,.rf .w60,.rf .w80,.rf .w100,.rf .w120,.rf .w150,.rf .w190,.rf .w230,.rf .w270,.rf .w310,.rf .w350{ float:right;}
.rw60, .rf .w-60{margin-right:70px;}
.rw80, .rf .w-80{margin-right:90px;}
.rw90, .rf .w-90{margin-right:100px;}
.rw100, .rf .w-100{margin-right:110px;}
.rw120, .rf .w-120{margin-right:130px;}
.rw150, .rf .w-150, .r2-150 .wc{margin-right:160px;}
.rw190, .rf .w-190, .r2-190 .wc{margin-right:200px;}
.rw230, .rf .w-230, .r2-230 .wc{margin-right:240px;}
.rw270, .rf .w-270, .r2-270 .wc{margin-right:280px;}
.rw310, .rf .w-310, .r2-310 .wc{margin-right:320px;}
.rw350, .rf .w-350, .r2-350 .wc{margin-right:360px;}
.lr3 .rw150, .lr3 .rw190, .lr3 .rw230, .lr3 .rw270, .lr3 .rw310, .lr3 .rw350{ _float:left; _margin:0; _padding-right:10px;}

.l2-150 .wc,.l2-190 .wc,.l2-230 .wc,.l2-270 .wc,.l2-310 .wc,.l2-350 .wc{ _float:right; _margin:0; _padding:0 10px;}
.r2-150 .wc,.r2-190 .wc,.r2-230 .wc,.r2-270 .wc,.r2-310 .wc,.r2-350 .wc{ _float:left; _margin:0; _padding-right:20px;}

.la {margin-right:0;_width:auto;}

/*list*/
.list{ min-height:60px; _height:1px;} 
.list li span{ display:block;} 
.c div:first-child{ width:100%;}
.main-area{ width:100%; _width:auto;}
/*li*/
.li1 li{clear:both;width:100%;}
.li2 li{width:50%;+width:49.5%;}
.li3 li{width:33%;+width:32.5%;}
.li4 li{width:25%;+width:24.5%;}
.li5 li{width:20%;+width:19.5%;}

/*icon*/
.m,.f,.af,.ask,.s,.ms {padding:2px 0 0 18px;}
.m {background:url(/public/img/icon/icon_m.gif) 0 0 no-repeat;}
.f {background:url(/public/img/icon/star.png) 0 0 no-repeat;_background:url(../img/icon/star.gif) 0 0 no-repeat;}
.af {background:url(/public/img/icon/heart_add.png) 0 0 no-repeat;_background:url(/public/img/icon/heart_add.gif) 0 0 no-repeat;}
.ask {background:url(/public/img/icon/user_comment.gif) 0 0 no-repeat;}
.s {background:url(/public/img/icon/star_gold.gif) 0 0 no-repeat;}
.ms {background:url(/public/img/li/icons.gif) 0 -365px no-repeat;}


/*table*/

.tableborder {
	border:#D3D3D3 solid 0px;
	empty-cells:show;
	margin-bottom:10px;
	width:100%;
	text-align:center;
}

.tableborder .tbodytitle{
	background:#fafafa url('../img/datagrid_header_bg.gif') repeat-x left bottom;
	border-bottom:1px solid #ccc;
	margin-bottom:1px;
	
}

.ralign{text-align:left;}
table.tableborder thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

